<template>
  <div>
    <a-card :bordered='false'>
      <a-tabs @tabClick='tabClick' :animated='false' :defaultActiveKey='current' v-model='current' style='margin-top: -25px'>
        <a-tab-pane tab='未打印' key='form1'>
          <tab1 ref='form1' v-if="current=='form1'"></tab1>
        </a-tab-pane>
<!--        <a-tab-pane tab='商品标签打印' key='form2'>
          <tab2 ref='form2' v-if="current=='form2'"></tab2>
        </a-tab-pane>-->
        <a-tab-pane tab='已打印' key='form3'>
          <tab3 ref='form3' v-if="current=='form3'"></tab3>
        </a-tab-pane>
<!--        <a-tab-pane tab='已打印商品标签' key='form4'>
          <tab4 ref='form4' v-if="current=='form4'"></tab4>
        </a-tab-pane>-->

        <a-tab-pane tab='已取消' key='form5'>
          <tab5 ref='form5' v-if="current=='form5'"></tab5>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>
<script>

import api from "../../js/api"
import Tab1 from "./tab1"
import Tab2 from "./tab2"
import Tab3 from "./tab3"
import Tab4 from "./tab4"
import Tab5 from "./tab5"

export default {
  name: "Tabs",
  components: { Tab1, Tab2,Tab3,Tab4,Tab5 },
  data() {
    let me = this
    return {
      api: Object.assign(api, this.api),
      //列表初始化查询参数
      queryParam: {},
      searchParams: {
        orderNo: ""
      },
      current: "form1",
      forms: [
        "form1",
        "form2",
        "form2"
      ]
    }
  },
  created() {
  },
  methods: {
    tabClick(name) {
      this.current = name
    }
  }
}
</script>
